<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src=".\js\libs\css3pie-1.0beta5\PIE.js"></script>
        <style type="text/css">
            body{
                background: white;
                margin: 0;
                padding: 0;
            }
            div.label{
                margin-left:auto;
                margin-right:auto;
                width:70%;
            }
            .head{
                height:150px;
                background: #09121C;
                padding-top:10px;
            }
            h1{
                margin:0;
            }
            ul{
                margin: 0;
                padding: 0;
                list-style-type: none;
            }
            li{
                float:left;
                text-align:center;
            }
            a:link,a:visited{
                width:120px;
                display:block;
                color:white;
                background: #009999;
                text-decoration:none;
                text-align:center;
                font-size:20px;
                text-transform: capitalize;
                transition:         box-shadow .5s,background 1.5s;
                -webkit-transition: box-shadow .5s,background 1.5s;
            }
            a:hover,a:active{
                 background: #0000cc;
            }
            a:hover,a:active div{
                box-shadow: 0 0 20px white;
            }
            h1{
                text-shadow: 0 0 10px white;
                text-transform: capitalize;
                text-align: center;
            }
        </style>
	
    </head>
    <body>
        <div>
            <div class="head">
                <h1>this is a navigation </h1>
                <br/>
                <div class="label">
                    <ul>
                        <li><a href=""><div>java</div></a></li>
                        <li><a href=""><div>python</div></a></li>
                        <li><a href=""><div>javascript</div></a></li>
                        <li><a href=""><div>c/c++</div></a></li>
                        <li><a href=""><div>php</div></a></li>
                        <li><a href=""><div>mysql</div></a></li>
                        <li><a href=""><div>html5</div></a></li>
                    </ul>
                </div>
            </div>
            <p><a  class="link" href="http://test.jiangkai.com/calc.php"><b><u>simple calculator</u></b></a><br/></p>
            <a href="http://www.jiangkai.com/weather.php">NJ weather</a>
        </div>
    </body>
</html>
